<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF3014.html" var="pedidosAtm"/>

<script language="JavaScript" type="text/javascript" src="javascript/HMF2003.js"></script>
<%--
   
    * Sistema                                       : Hermetic
    * M?dulo                                        : Reportes/Resultados de apertura
    * Versi?n                                       : 1.0
    * Creado por                                    : Americo Martinez         
    * Fecha de creaci?n                             : 01/03/2008      
    * Modificado por                                : Oliver Palacios
    * Fecha de ?ltima modificaci?n                  : 05/11/2008
    * Detalles                                      : Esta p?gina permite consultar el resultado de la apertura de envases por comprobante, 
                                                      para una cuenta determinada 
    * Copyright                                     : Hermes transportes blindados
       
--%>
 <script type="text/javascript">
    
   $(document).ready(function(){ 
        $("#fechaDesde").datepicker();
        $("#fechaHasta").datepicker();
        
        //habilitar y deshabilitar el boton Mostrar de Punto
        $("#punto").change( function(){ $("#message_punto").html("");if(  $("#punto").val()==1 ) $("#opener_punto").show(); else $("#opener_punto").hide(); } );                        
        if($("#punto").val()==1)$("#opener_punto").show();else  $("#opener_punto").hide();
        
        //habilitar y deshabilitar el boton Mostrar de Sucursal
        $("#sucursal").change( function(){ if(  $("#sucursal").val()==1 ) $("#opener_sucursal").show(); else $("#opener_sucursal").hide(); } );                        
        if($("#sucursal").val()==1)$("#opener_sucursal").show();else  $("#opener_sucursal").hide();
        
        //habilitar y deshabilitar el boton Mostrar de Tipo Pedido
        $("#tipPedido").change( function(){ if(  $("#tipPedido").val()==1 ) $("#opener_tipoPedido").show(); else $("#opener_tipoPedido").hide(); } );                        
        if($("#tipPedido").val()==1)$("#opener_tipoPedido").show();else  $("#opener_tipoPedido").hide();
        
            
        //OPENERS**********************************
        $("#opener_sucursal").click(openWinSucursal);
        $("#opener_punto").click(openWinPunto);
        
    }); //Fin de document.ready

   
    function openWinPunto(){
        childWindowPunto=window.showModalDialog('<c:url value="selecPunto.html" />&codMatriz='+0+'&tipoPunt='+0,'selecPunto',"dialogWidth:680px;dialogHeight:420px");                      
    }    
   
    function openWinSucursal(){  
    childWindow=window.showModalDialog('<c:url value="selecSucursal.html" />','selecSucursal',"dialogWidth:550px;dialogHeight:400px;center:yes;status:no;help:yes;resizable:no");
   } 
   
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }   
    
    
    
    
    
    
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    function openwin(url,winheight,winwidth)
    {
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarReporte';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR4010a3';
        document.forms[0].opcion.value = '3';
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }
    
    function openActa(idCmpb, winheight,winwidth)
    {
        winwidth='650';
        winheight='700';
        //window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        window.open('seguridad/procesando.html', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);
        var accion = 'mostrarActa';
        var target = 'window1';        
        document.forms[0].formulario.value = 'HMR3003a';        
        document.forms[0].idCmpb.value = idCmpb;
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();       
    }    
    
    function mostrarPedidosATM() {        
        if (document.forms[0].fechaDesde.value== "") {
          alert("Ingrese la Fecha");
          document.forms[0].fechaDesde.focus();
          return false;
        }
        
      if(!checkDate(document.forms[0].fechaDesde)) return false;
      
      if(validaFechaMayorHoy(document.forms[0].fechaDesde.value)==false){
         document.forms[0].fechaDesde.focus();
         return false
      } 
      
      if(validaRangoFechas(document.forms[0].fechaDesde.value, 
                           document.forms[0].fechaHasta.value)==false){
         $("#fechaHasta").focus();
         return false
      }  
      
      //activar el div procesando con javascript
        show_loading();
        setTimeout('show_loading();', 1000);
        cursor_wait() ;
           //////  
        moveForward('mostrar');  
      return true;
   } 

 </script>
    

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${pedidosAtm}">
<form:hidden path="accion"/>
<form:hidden path ="control"/>
<form:hidden path="cliente"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

<table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="top" class="fondo_contenido padtop16left21">
      <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
      <tr>
        <td height="22" align="left" valign="top" class="verdana11bazul">
		<ul class="navlist2">
	     	   <li>CONSULTA DE PEDIDOS ATM</li>
		</ul>
        </td>
         <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
         </td>
      </tr>
      <tr>
        <td align="left" valign="top" class="borde_totalblanco">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="60" height="23" align="left" valign="top" class="verdana10bazul">Cliente</td>
            <td height="23" align="left" valign="top" class="verdana10negro"
                width="670">
                <c:out value="${sessionScope.nombreCliente}"/>
               </td>
          </tr>
          <tr>
            <td width="60" height="27" align="left" valign="middle" class="verdana10bazul">Sucursal</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro" width="670">
             <table border="0">
              <tr>
                <td>
                   <div class="fondo_txtbox90">
                        <form:select cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                     path="sucursal">
                                  <form:option value="0">TODOS</form:option>
                                  <form:option value="1">ALGUNOS</form:option>
                        </form:select>
                        <form:hidden path="desSucursal"/>
                    </div>
                  </td>
                    <td>
                        <a href="#" id="opener_sucursal"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>                    
                    </td>
              </tr>    
            </table>      
            </td> 
            
            <td width="60" height="27" align="left" valign="middle" class="verdana10bazul">Punto</td>
            <td height="27" align="left" valign="bottom" class="verdana10negro"
                width="670">                
             <table border="0">
             <tr>
                <td>
                     <form:select path="punto" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 130px; font-family: Arial; font-size: 8pt">
                      <form:option value="0">TODOS</form:option>
                      <form:option value="1">ALGUNOS</form:option>
                     </form:select>
                    <a href="#" id="opener_punto"><img src="images/search.png" width="17px" height="17px" title="Buscar"/> </a>
                    <span id="message_punto" style="color:red;"><c:out value="${message_punto}"/></span>
                </td>
                <td>&nbsp;</td> 
            </table>
            </td>            
          </tr>
          
          <tr>
            <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">Tipo Pedido</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="670">
            
            <table border="0">
               <tr>
                  <td>                
                  <form:select path="tipPedido" cssClass="fondo_txtbox63" cssStyle="height: 20px; width: 130px; font-family: Arial; font-size: 8pt">
                        <form:option value="0">TODOS</form:option>
                        <form:option value="1">ALGUNOS</form:option>
                  </form:select>                                   
                 </td>
                <td style="color:red;">
                  <a href="#" id="opener_tipoPedido"><img src="images/search.png" width="17px" height="17px" title="Buscar"/></a>
                  <span id="message"><c:out value="${message}"/></span>
                </td>
              </tr>
            </table>            
            </td>
            
           <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">Nro de Pedido</td>
              <td><div class="fondo_txtbox258"><input  type="text" id="nroPedido" size ="40" maxlength="30"/></div></td>
          <tr>
              <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">Tipo de Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro" width="670">
            
            <table border="0">
               <tr>
                 <td>                
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="tipFecha" tabindex="4">                        
                            <form:option value="0">PEDIDO</form:option>
                            <form:option value="1">ATENCI&Oacute;N PROGRAMADA</form:option>
                   </form:select>                                         
                 </td>
                <td style="color:red;"></td>
              </tr>
            </table>            
            </td>
            
           <td width="60" height="34" align="left" valign="bottom" class="verdana10bazul">Estado</td>
           <td height="34" align="left" valign="bottom" class="verdana10negro" width="670">
            <table border="0">
               <tr>
                 <td>                
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                            path="estado" tabindex="5">                        
                            <form:option value="0">TODOS</form:option>
                            <form:options items="${form.listEstados}"
                                          itemValue="codigo"
                                          itemLabel="descripcion"/>
                   </form:select>                                         
                 </td>
                <td style="color:red;"></td>
              </tr>
            </table>            
            </td>
          </tr>
          <tr>
            <td height="34" align="left" valign="bottom" class="verdana10bazul"
                width="60">Fecha</td>
            <td height="34" align="left" valign="bottom" class="verdana10negro"
                width="670" colspan="3">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechaDesde" maxlength="10" size="12" readonly="false"/>
                   </div></td>
                   
                  <td class="padright10" width="64">&nbsp;&nbsp;al&nbsp;&nbsp; </td>
                  <td align="center" valign="bottom" class="padright10">
                  <div class="fondo_txtbox90">
                       <form:input path="fechaHasta" maxlength="10" size="12" readonly="false"/>
                   </div></td>                                                    
                  <td width="140" align="right" valign="middle">
                  <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="javascript:mostrarPedidosATM()"/></td>
                </tr>
            </table></td>
          </tr>
        </table>
        </td>
      </tr>
           <tr>
                <td colspan="4" align="center">    
                <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                </td>
          </tr>    
      </table>
            
      <table border="0" cellpadding="0" cellspacing="0" class="margintop20" >
        <tr >
          <td width="100%">
         <!-- <c:if test="${not empty listaPedidosAtm}">-->
              <display:table id="lista" name="listaPedidosAtm" cellpadding="0"
                             cellspacing="0" style="width:100%" pagesize="10"
                             export = "true"                            
                             requestURI="${pedidosAtm}"
                             class="its7">
               <tbody>
                <display:column property="codSeriPedi"
                                headerClass="even" class="cellderecha "
                                title="Serie"/>
                <display:column property="numPedi"
                                headerClass="even" class="cellderecha "
                                title="Nro Pedido"/>
                <display:column property="punt.desPunt"
                                headerClass="even" class="even "
                                title="Punto ATM"/>
                <display:column property="sucuHtb.desSucuHtb"
                                headerClass="even" class="cellderecha "
                                title="Sucursal Hermes"/>                
                <display:column property="fecSoliPedi"
                                headerClass="even" class="cellderecha "
                                title="Fecha Pedido"/>
                <display:column property="fecAtenProg"
                                headerClass="even" class="cellderecha "
                                title="Fecha Atenci&oacute;n Programada"/>
                <display:column property="fecAtenProg"
                                headerClass="even" class="cellcenter "
                                title="Fecha atenci&oacute;n Real"/>
                <display:column property="tipPrio.codTipo"
                                headerClass="even" class="cellcenter "
                                title="Prioridad"/>
                <display:column property="horAtenInicPact"
                                headerClass="even" class="cellcenter "
                                title="Hora"/>
                <!--<c:forEach items="${listDenos}" var="listDenos">
                <display:column property="listDenos.codDeno"
                                  headerClass="even" class="cellcenter "
                                  title="codDeno"/>
                </c:forEach>
                <c:forEach items="${listUnidMone}" var="listUnidMone">
                <display:column property="listUnidMone.montDeno"
                                  headerClass="even" class="cellcenter "
                                  title="Monto"/>
               </c:forEach>-->
               </tbody>
              </display:table>
          <!--</c:if> -->
          </td>
        </tr>
        <tr><td>&nbsp;</td>
        </tr>
        <tr><td>      
       </td>
        </tr>
      </table>

     <c:if test="${not empty listaPedidosAtm}">      
	  <div class="margintop31">
            <input type="button" value="Generar PDF" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
            <input type="button" value="Generar Excel" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
            <input type="button" value="Generar Excel Predicci&oacute;n" name="reporte" class="boton" onclick="javascript:openwin('holas',450,920)"/>
	  </div>
     </c:if>            

	  </td>
  </tr>
</table>
</form:form> 
